<template>
  <div class="parent">
    <div class="child">
      <div class="child-child">
        <h1>嗨喽我是子级</h1>
        <Teleport to="body" :disabled="false">
        <!-- <Teleport to=".parent"> -->
        <!-- <Teleport to=".parent" :disabled="true"> -->
        <!-- <Teleport to=".parent" :disabled="false"> -->
          <E></E>
        </Teleport>
      </div>
    </div>
  </div>
</template>


<script setup lang='ts'>
import E from './components/E.vue'
import { ref, reactive, defineAsyncComponent } from 'vue'

// const isMobile = ref(true)
</script>


<style scoped lang='less'>
* {
  padding: 0;
  margin: 0;
}
.parent {
  width: 100%;
  height: 50vh;
  background-color: yellow;
}
</style>